<script setup>
import { defineProps } from "vue";
const props = defineProps({
    userList: Object,
});
// // 模拟数据
// const mockUser = {
//     id: 12345,
//     username: "lishui",
//     userAccount: "2419773293",
//     avatarUrl: "../../public/头像.jpg",
//     gender: "男",
//     phone: "17623373439",
//     email: "2419773293@qq.com",
//     planetCode: "string",
//     createTime: new Date(),
//     tags: ["Java", "Python", "男"],
//     profile:
//         "我思故我在，哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇红红火火恍恍惚惚哈哈哈哈哈哈哈哈哈哈哈哈",
// };
</script>
<template>
    <van-card
        v-for="user in props.userList"
        :desc="user.profile"
        :title="user.username"
        :thumb="user.avatarUrl"
    >
        <template #tags>
            <van-tag
                plain
                type="danger"
                style="margin-top: 8px; margin-left: 8px"
                v-for="userTag in user.tags"
                >{{ userTag }}</van-tag
            >
        </template>
        <template #footer>
            <van-button size="mini">联系我</van-button>
        </template>
    </van-card>
    <van-empty
        v-if="!userList || userList.length < 1"
        description="暂无用户信息QAQ!"
    />
</template>
<style scoped></style>
